<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>用户资料 - 会员中心 -{$site_name}</title>
{include file="user_include" /}
<script src="{$site_public}tpl/zanpianadmin/libs/jquery-cxselect/js/jquery.cxselect.js"></script>
<link href="{$site_public}tpl/cms/avatar/cropper.css" rel="stylesheet">
<script src="{$site_public}tpl/cms/avatar/cropper.js"></script>
<link href="{$site_public}tpl/cms/avatar/avatar.css" rel="stylesheet">
</head>
<body class="center_body">
{include file="header" /}
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-12 box-main-content"> 
{include file="info_min" /}
{include file="left" /}
</div>
<div class="col-md-9 col-sm-8 col-xs-12 xs-bt-20 box-main-side">
<div class="user-box clearfix">
<div class="user-infos">
<ul class="nav nav-tabs">
  <li class="active"><a href="#tab_1" data-toggle="tab" id="tab-info">基本资料</a></li>
  <li><a href="#tab_2" data-toggle="tab" id="tab-remind">订阅设置</a></li>
  <li><a href="#tab_3" data-toggle="tab" id="tab-avatar">头像修改</a></li>
  <li><a href="#tab_4" data-toggle="tab" id="tab-sns">同步绑定</a></li>
  <li><a href="#tab_5" data-toggle="tab" id="tab-pass">密码修改</a></li>
</ul>
<div class="tab-pane fade active in" id="tab_1">
<form class="form-horizontal"  method="post" role="form" action="{:zanpian_user_url('user/center/info')}" onSubmit="return false;">
           <div class="form-group">
                <label for="user_name" class="control-label col-xs-12 col-sm-3">您的用户帐号：</label>
                <div class="col-xs-12 col-sm-6">
                    <input type="text" class="form-control" name="user_name" value="{$userinfo.user_name}" readonly="readonly" >
                </div>
           </div> 
           <div class="form-group">
                <label for="user_email" class="control-label col-xs-12 col-sm-3">您的手机</label>
                <div class="col-xs-12 col-sm-6">
                    <input type="text" class="form-control" id="user_mobile" name="user_mobile" value="{$userinfo.user_mobile}" readonly="readonly">
                    <input type="button" id="unbind" data-url="{:url('user/center/unbind',array('ac'=>'mobile'))}" data-type="mobile" class="btn btn-default user-mobile-nubind" value="解绑" style="border-radius:0;cursor:pointer; position:absolute; right:15px;top:0;{empty name="userinfo.user_mobile"}display:none{/empty}">
                    <input type="button" id='user-edit' data-url='{:zanpian_user_url('user/center/bind',array('type'=>'mobile'))}' class="btn btn-success user-mobile-bind" value="绑定" style="border-radius:0;cursor:pointer; position:absolute; right:15px;top:0;{notempty name="userinfo.user_mobile"}display:none{/notempty}">
                </div> 
                </div>         
          <div class="form-group">
                <label for="user_email" class="control-label col-xs-12 col-sm-3">您的email地址</label>
                <div class="col-xs-12 col-sm-6">
                    <input type="text" class="form-control" id="user_email" name="user_email" value="{$userinfo.user_email}" readonly="readonly">
                    <input type="button" id="unbind" data-url="{:url('user/center/unbind',array('ac'=>'email'))}" data-type="email" class="btn btn-default user-email-nubind" value="解绑" style="border-radius:0;cursor:pointer; position:absolute; right:15px;top:0;{empty name="userinfo.user_email"}display:none{/empty}">
                    <input type="button" id='user-edit' data-url='{:zanpian_user_url('user/center/bind',array('type'=>'email'))}' class="btn btn-success user-email-bind" value="绑定" style="border-radius:0;cursor:pointer; position:absolute; right:15px;top:0;{notempty name="userinfo.user_email"}display:none{/notempty}">
                </div>
            </div>   
           <div class="form-group">
                <label for="user_nickname" class="control-label col-xs-12 col-sm-3">您的昵称：</label>
                <div class="col-xs-12 col-sm-6">
                    <input type="text" class="form-control" name="user_nickname" value="{$userinfo.user_nickname}" >
                </div>
           </div>
           <div class="form-group">
                <label for="sex" class="control-label col-xs-12 col-sm-3">性别：</label>
                <div class="col-xs-12 col-sm-6">
                   <select name="user_sex" class="form-control selectpicker">
                        <option value="1">男</option>
                        <option value="2" {eq name="userinfo.user_sex" value="2"}selected{/eq}>女</option>
                    </select>
                </div>
           </div> 
            <div class="form-group">
                <label for="birthday" class="control-label col-xs-12 col-sm-3">出生年月日：</label>
                <div class="col-xs-12 col-sm-6">
                <input class="form-control" name="user_birthday" value="{$userinfo.user_birthday}" placeholder="出生日期格式2018-01-01" type="datetime" style="text-align:center">
                </div>
           </div>
            <div class="form-group">
                <label for="dq" class="control-label col-xs-12 col-sm-3">出生年月日：</label>
                <div class="col-xs-12 col-sm-6">
<div class="form-inline" id="cxselect">
<select class="province form-control" data-first-title="选择省" name="user_prov">
<option value="">请选择</option>
<option value="{$userinfo.user_prov|default=''}" selected="">{$userinfo.user_prov|default=''}</option>
</select>
<select class="city form-control" data-first-title="选择市" name="user_city">
<option value="">请选择</option>
<option value="{$userinfo.user_city|default=''}" selected="">{$userinfo.user_city|default=''}</option>
</select>
<select class="area form-control" data-first-title="选择地区" name="user_area">
<option value="">请选择</option>
<option value="{$userinfo.user_area|default=''}" selected="">{$userinfo.user_area|default=''}</option>
</select>
</div>
                </div>
           </div>  
           <div class="form-group">
                <label for="edu" class="control-label col-xs-12 col-sm-3">学历：</label>
                <div class="col-xs-12 col-sm-6">
                    <select name="user_edu" class="form-control selectpicker">
                  <option value="">选择学历</option>
                  <option value="1" {eq name="userinfo.user_edu" value="1"}selected{/eq}>小学</option>
                  <option value="2" {eq name="userinfo.user_edu" value="2"}selected{/eq}>初中</option>
                  <option value="3" {eq name="userinfo.user_edu" value="3"}selected{/eq}>高中/中专</option>
                  <option value="4" {eq name="userinfo.user_edu" value="4"}selected{/eq}>大专</option>
                  <option value="5" {eq name="userinfo.user_edu" value="5"}selected{/eq}>本科</option>
                  <option value="6" {eq name="userinfo.user_edu" value="6"}selected{/eq}>硕士及以上</option>
                    </select>
                </div>
           </div>
           <div class="form-group">
                <label for="user_industry" class="control-label col-xs-12 col-sm-3">行业：</label>
                <div class="col-xs-12 col-sm-6">
                    <select name="user_industry" class="form-control selectpicker">
                  <option value="">选择行业</option>
                  <option value="1"  {eq name="userinfo.user_industry" value="1"}selected{/eq} >教育/学生</option>
                  <option value="2"  {eq name="userinfo.user_industry" value="2"}selected{/eq}>计算机/互联网</option>
                  <option value="3"  {eq name="userinfo.user_industry" value="3"}selected{/eq}>建筑</option>
                  <option value="4"  {eq name="userinfo.user_industry" value="4"}selected{/eq}>金融/房产</option>
                  <option value="5"  {eq name="userinfo.user_industry" value="5"}selected{/eq}>政府/公共服务</option>
                  <option value="6"  {eq name="userinfo.user_industry" value="6"}selected{/eq}>电信/网络</option>
                  <option value="7"  {eq name="userinfo.user_industry" value="7"}selected{/eq}>服务</option>
                  <option value="8"  {eq name="userinfo.user_industry" value="8"}selected{/eq}>传媒/娱乐</option>
                  <option value="9"  {eq name="userinfo.user_industry" value="9"}selected{/eq}>农林/化工</option>
                  <option value="10" {eq name="userinfo.user_industry" value="10"}selected{/eq}>旅游/交通</option>
                  <option value="11" {eq name="userinfo.user_industry" value="11"}selected{/eq}>其他</option>
                    </select>
                </div>
           </div> 

           <div class="form-group">
                <label for="signature" class="control-label col-xs-12 col-sm-3">个性签名：</label>
                <div class="col-xs-12 col-sm-6">
                 <textarea cols="40" class="form-control txt" name="user_signature" id="user_signature" rows="5" placeholder="输入个性签名">{$userinfo.user_signature}</textarea>
                </div>
           </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3"></label>
                <div class="col-xs-12 col-sm-6 text-center">
                 <button type="submit" class="btn btn-success btn-block" id="submit" from="form-info">提交</button>
                </div>
           </div>          
                                                                                        
    </form>  
    
</div>
<div class="tab-pane fade" id="tab_2">
<form class="form-horizontal"  method="post" role="form" action="{:zanpian_user_url('user/center/iemail')}" onSubmit="return false;">
<div class="remind-notice"> 友情提示：订阅提示有2种提示方式，站内提示和邮件提示。您能可以根据自己的习惯选择，或者一起选择。 </div>

           <div class="form-group">
                <label for="user_nickname" class="control-label col-xs-12 col-sm-3">订阅提醒：</label>
                <div class="col-xs-12 col-sm-6">
                   <label class="label-checkbox" for="user_isstation" hidefocus>
                    <input type="checkbox" value="1" name="user_isstation" id="user_isstation" {if condition="$userinfo[user_isstation] eq 1"} checked="checked"{/if}/>
                   开通订阅提醒功能</label>
                   

                </div>
           </div>
           <div class="form-group">
                <label for="user_nickname" class="control-label col-xs-12 col-sm-3">订阅邮件提醒：</label>
                <div class="col-xs-12 col-sm-6">
                    <label class="label-checkbox" for="user_remind" hidefocus="" >
    <input type="checkbox" name="user_remind" value="1" id="user_remind" {if condition="$userinfo[user_remind] eq 1"} checked="checked"{/if}>开通订阅邮件提醒功能</label>
                </div>
           </div>
           <div class="form-group">
                <label for="user_nickname" class="control-label col-xs-12 col-sm-3">您的email地址：</label>
                <div class="col-xs-12 col-sm-6">
                    <input type="text" class="form-control user_email" id="user_email" value="{$userinfo.user_email}" readonly="readonly">
                    <input type="button" id="unbind" data-url="{:url('user/center/unbind',array('ac'=>'email'))}" data-type="email" class="btn btn-default user-email-nubind" value="解绑" style="border-radius:0;cursor:pointer; position:absolute; right:15px;top:0;{empty name="userinfo.user_email"}display:none{/empty}">
                    <input type="button" id='user-edit' data-url='{:zanpian_user_url('user/center/bind',array('type'=>'email'))}' class="btn btn-success user-email-bind" value="绑定" style="border-radius:0;cursor:pointer; position:absolute; right:15px;top:0;{notempty name="userinfo.user_email"}display:none{/notempty}">
<span>推荐使用QQ邮箱，订阅有更新时，发送至您的指定邮箱。</span>
                </div>
           </div>  
             <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3"></label>
                <div class="col-xs-12 col-sm-6 text-center">
                 <button type="submit" class="btn btn-success btn-block" id="submit" from="form-remind">提交</button>
                </div>
           </div>                                                                                                              
    </form>   
</div>       
<div class="fade visibility" id="tab_3">
<div class="form-group">
<form class="form-horizontal" id="form-avatar" method="post" role="form"  action="{:zanpian_user_url('user/center/avatar')}" enctype="multipart/form-data" onSubmit="return false;">
<div class="avatar-body">
<div class="avatar-upload">
<label for="avatarInput" style="line-height:35px; width:auto; margin-right:20px; font-weight:bold">头像上传</label>
<label class="avatar-input btn btn-primary" for="inputImage" style="float:left"><input type="file" class="sr-only" id="inputImage" name="image" accept="image/*">请选择图片</label>
<input name="x" type="hidden">
<input name="y" type="hidden">
<input name="w" type="hidden">
<input name="h" type="hidden">
</div>
    <div class="row ceshi">
      <div class="col-md-9 col-sm-9 col-xs-9">
        <div class="avatar-view">
            <img id="avatar-image" src="{$site_public}tpl/cms/avatar/444.jpg">
        </div>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-3" id="preview">
       <div class="avatar-preview avatar-preview-lg"></div>
       <div class="avatar-preview avatar-preview-md"></div>
       <div class="avatar-preview avatar-preview-sm" style="float:right"></div>
      </div>
    </div>
<div class="row avatar-tool">
<div class="col-md-9 col-sm-9 col-xs-9">
<div class="btn-group">
<button class="btn btn-primary fa fa-repeat" data-method="rotate" data-option="-45" type="button">右旋</button>
<button class="btn btn-primary fa fa-repeat" data-method="rotate" data-option="90" type="button">右旋</button>
</div>
<div class="btn-group">
<button class="btn btn-primary fa fa-repeat" data-method="zoom" data-option="0.1" type="button"> 放大</button>
<button class="btn btn-primary fa fa-repeat" data-method="zoom" data-option="-0.1" type="button"> 缩小</button>
</div>
<div class="btn-group">
<button class="btn btn-primary fa fa-repeat" data-method="move" data-option="-10" data-second-option="0" type="button">左</button>
<button class="btn btn-primary fa fa-repeat" data-method="move" data-option="10" data-second-option="0"  type="button">右</button>
<button class="btn btn-primary fa fa-repeat" data-method="move" data-option="0" data-second-option="-10" type="button">上</button>
<button class="btn btn-primary fa fa-repeat" data-method="move" data-option="0" data-second-option="10" type="button">下</button>
</div>
<div class="btn-group">
<button class="btn btn-primary fa fa-repeat" data-method="scaleX" data-option="-1" type="button">左右</button>
<button class="btn btn-primary fa fa-repeat" data-method="scaleY" data-option="-1" type="button">上下</button>
</div>
</div>
 <div class="col-md-3 col-sm-3 col-xs-3">
 <button type="button" class="btn btn-success btn-block" id="submit-avatar">保存</button>
</div>  
</div>  
    </div>
</form>
</div>
</div>

<div class="tab-pane fade" id="tab_4">
{notempty name="GLOBALS['config']['user']['api']['qq_appid']"}
<div class="col-md-12 sns-list">
                <div class="col-md-2 col-sm-2 col-xs-12">
                <div class="login-ico">
                <a rel="nofollow" class="qq text-center"><i class="icon iconfont">&#xe73e;</i></a>
                </div>
                </div>
                <div class="col-md-8 col-sm-8 col-xs-12">
                <strong>腾讯QQ</strong>
                <span>绑定腾讯QQ帐号后，您便可使用腾讯QQ帐号登录网站</span>
                </div>
                <div class="col-md-2 col-sm-2 col-xs-12 text-center"> 
            <a class="btn btn-success" id="delsns" data-id="qq" {empty name="userinfo['qq_openid']"}style="display:none"{/empty}>取消绑定</a>
			<a class="btn btn-default"  href="{:zanpian_user_url('user/snslogin/qq')}" target="_self" {notempty name="userinfo['qq_openid']"}style="display:none"{/notempty}>立即绑定</a>
                </div>
</div>
{/notempty} 
{notempty name="GLOBALS['config']['user']['api']['weixin_appid']"}
            <div class="col-md-12 sns-list">
                <div class="col-md-2 col-sm-2 col-xs-12">
                <div class="login-ico">
                <a rel="nofollow" class="weixin text-center"><i class="icon iconfont">&#xe73c;</i></a>
                </div>
                </div>
                <div class="col-md-8 col-sm-8 col-xs-12">
                <strong>微信</strong>
                <span>绑定微信后，您便可使用微信扫码登录网站</span>
                </div>
                <div class="col-md-2 col-sm-2 col-xs-12 text-center">
            <a class="btn btn-success" id="delsns" data-id="weiqrcode" {empty name="userinfo['weiqrcode_openid']"}style="display:none"{/empty}>取消绑定</a>
			<a class="btn btn-default" href="{:zanpian_user_url('user/snslogin/weiqrcode')}" target="_self" {notempty name="userinfo['weiqrcode_openid']"}style="display:none"{/notempty}>立即绑定</a>
                </div>
           </div>        
{/notempty}    
{notempty name="GLOBALS['config']['user']['api']['weibo_appid']"}
            <div class="col-md-12 sns-list">
                <div class="col-md-2 col-sm-2 col-xs-12">
                <div class="login-ico">
                <a rel="nofollow" class="weibo text-center"><i class="icon iconfont">&#xe73c;</i></a>
                </div>
                </div>
                <div class="col-md-8 col-sm-8 col-xs-12">
                <strong>新浪微博</strong>
                <span>绑定新浪微博帐号后，您便可使用新浪微博帐号登录网站</span>
                </div>
                <div class="col-md-2 col-sm-2 col-xs-12 text-center">
            <a class="btn btn-success" id="delsns" data-id="weibo" {empty name="userinfo['weibo_openid']"}style="display:none"{/empty}>取消绑定</a>
			<a class="btn btn-default" href="{:zanpian_user_url('user/snslogin/weibo')}" target="_self" {notempty name="userinfo['weibo_openid']"}style="display:none"{/notempty}>立即绑定</a>
                </div>
           </div>        
{/notempty}           
                
</div>
<div class="tab-pane fade" id="tab_5">
<form class="form-horizontal"  method="post" role="form" action="{:zanpian_user_url('user/center/pwd')}" onSubmit="return false;">

           <div class="form-group">
                <label for="password" class="control-label col-xs-12 col-sm-3">原密码：</label>
                <div class="col-xs-12 col-sm-6">
                    <input class="form-control" id="user_password" name="user_password" type="password" placeholder="您的新密码" required>
                </div>
           </div>
           <div class="form-group">
                <label for="newpass" class="control-label col-xs-12 col-sm-3">新密码：</label>
                <div class="col-xs-12 col-sm-6">
             <input class="form-control" id="user_newpassword" name="user_newpassword" type="password" placeholder="新密码" required>
                </div>
           </div>
           <div class="form-group">
                <label for="verifypass" class="control-label col-xs-12 col-sm-3">重复密码：</label>
                <div class="col-xs-12 col-sm-6">
             <input class="form-control" id="user_repassword" name="user_repassword" type="password" placeholder="重复密码" required>
                </div>
           </div>           
             <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3"></label>
                <div class="col-xs-12 col-sm-6 text-center">
                 <button type="submit" class="btn btn-success btn-block" id="submit" from="form-pwd">提交</button>
                </div>
           </div>   
                                                                                                             
    </form>    
</div>                                
</div>           
</div>
</div>
</div>      
</div> 
<script type="text/javascript">
var console = window.console || { log: function () {} };
var $image = $("#avatar-image");
// 获取裁切时的四个框
var x = $("input[name=x]");
var y = $("input[name=y]");
var w = $("input[name=w]");
var h = $("input[name=h]");
//选择图片时预览图片 并 调用cropper插件
$("input[type=file]").change(function() {
	// 先消毁，清除一下插件，否则连续调用插件时会失败
	$image.cropper("destroy");
	// this.files[0]：获取当前图片并转成URL地址
	var url = getObjectUrl(this.files[0]);
	console.log(url)
	$image.attr('src', url);// 设置url到预览图片上
	// 调出插件
	$image.cropper({
		// 裁切的框形状		   
		aspectRatio: 1/1,
		 // 显示预览的位置
		preview:'.avatar-preview',
		// 显示模式：图片不能无限缩小，但可以放大
		viewMode: 1,
		// 裁切时把参数保存到表单中
		crop: function(event) {
			x.val(event.detail.x);
			y.val(event.detail.y);
			w.val(event.detail.width);
			h.val(event.detail.height);
			w.val(event.detail.width);
		}
	});
});
// 预览时需要使用下面这个函数转换一下
function getObjectUrl(file) {
	var url = null;
	if (window.createObjectURL != undefined) {
		url = window.createObjectURL(file)
	} else if (window.URL != undefined) {
		url = window.URL.createObjectURL(file)
	} else if (window.webkitURL != undefined) {
		url = window.webkitURL.createObjectURL(file)
	}
	return url
}
// Methods
$('.avatar-tool').on('click', '[data-method]', function() {
	var $this = $(this);
	var data = $this.data();
	var cropper = $image.data('cropper');
	var cropped;
	var $target;
	var result;
	if ($this.prop('disabled') || $this.hasClass('disabled')) {
		return;
	}
	if (cropper && data.method) {
		data = $.extend({}, data); // Clone a new one
		if (typeof data.target !== 'undefined') {
			$target = $(data.target);
			if (typeof data.option === 'undefined') {
				try {
					data.option = JSON.parse($target.val());
				} catch (e) {
					console.log(e.message);
				}
			}
		}
		cropped = cropper.cropped;
		switch (data.method) {
		case 'rotate':
			if (cropped) {
				$image.cropper('clear');
			}
			break;
		case 'getCroppedCanvas':
			if (uploadedImageType === 'image/jpeg') {
				if (!data.option) {
					data.option = {};
				}
				data.option.fillColor = '#fff';
			}
			break;
		}
		result = $image.cropper(data.method, data.option, data.secondOption);
		switch (data.method) {
		case 'rotate':
			if (cropped) {
				$image.cropper('crop');
			}
			break;
		case 'scaleX':
		case 'scaleY':
			$(this).data('option', -data.option);
			break;
		case 'getCroppedCanvas':
			if (result) {
				// Bootstrap's Modal
				$('#getCroppedCanvasModal').modal().find('.modal-body').html(result);

				if (!$download.hasClass('disabled')) {
					download.download = uploadedImageName;
					$download.attr('href', result.toDataURL(uploadedImageType));
				}
			}
			break;
		case 'destroy':
			if (uploadedImageURL) {
				URL.revokeObjectURL(uploadedImageURL);
				uploadedImageURL = '';
				$image.attr('src', originalImageURL);
			}
			break;
		}
		if ($.isPlainObject(result) && $target) {
			try {
				$target.val(JSON.stringify(result));
			} catch (e) {
				console.log(e.message);
			}
		}
	}
});
$("#submit-avatar").click(function(e) {
	var $imgData = $image.cropper('getCroppedCanvas');
	var dataurl = $imgData.toDataURL('image/jpg');
	var blob = dataURLtoBlob(dataurl);
	var form = document.querySelector("#form-avatar");
	var formData = new FormData(form);
	formData.append("file", blob);
	$.showfloatdiv({
		txt: '头像上传中...',
		cssname: 'loading'
	});
	$.ajax({
		url: '{:zanpian_user_url('user/center/avatar')}',
		type: 'post',
		dataType: 'json',
		data: formData,
		cache: false,
		processData: false,
		contentType: false,
		success: function(r) {
			$.hidediv(r);
			if (parseInt(r.code) > 0) {
				$("#avatar").attr("src",r.data+'?'+ Math.random());
			}
		},
		error: function(r) {
			$.hidediv(r);
		},
	});
	return false;
});
//将base64格式图片转换为文件形式
function dataURLtoBlob(dataurl) {
	var arr = dataurl.split(','),
		mime = arr[0].match(/:(.*?);/)[1],
		bstr = atob(arr[1]),
		n = bstr.length,
		u8arr = new Uint8Array(n);
	while (n--) {
		u8arr[n] = bstr.charCodeAt(n);
	}
	return new Blob([u8arr], {
		type: mime
	});
}
$(function () {
	 $(".avatar-view").height($('#preview').height()-25);
	$(window).resize(function() {
       $(".avatar-view").height($('#preview').height()-25);
    });
});			
$(".nav-tabs li a").click(function() {
	$('#tab_3').removeClass("visibility");
	$('#tab_3').addClass("tab-pane");		

});

//$(document).ready(function(){ 
//  //alert($(document.body).height())
//  var mHeight = $('#preview').height();
//  alert(mHeight)
//  console.log(mHeight);//0
// // alert($('.avatar-upload').offset().top)
////    //初始化高度
////	$height=$(".container").width()*0.75*0.75/2;
////    $(".avatar-view").height($height); 
////	$("#preview").height($height);
////    //当文档窗口发生改变时 触发  
////    $(window).resize(function(){
////		$height=$(".container").width()*0.75*0.75/2;					  
////        $(".avatar-view").height($height);  
////    })  
//}) 
</script>
{include file="user_footer" /}
</body>
</html>